<template>
  <div>
    <div style="height: 20px;"></div>
    <el-row>
      <el-col :span="12">
        <el-timeline>
          <el-timeline-item
            v-for="ucMyFlow in ucMyFlows"
            :key="ucMyFlow.id"
            :icon="ucMyFlow.pass==1?'el-icon-check':'el-icon-error'"
            :color="ucMyFlow.pass==1?'green':'red'"
            :timestamp="ucMyFlow.createTime">
            <el-card>
              <h3><dict-tag :options="dict.type.apply_status" :value="ucMyFlow.flowStatusStart"/></h3>
              <p>执行人：{{ucMyFlow.handleName}}</p>
              <p>{{ucMyFlow.notes}}</p>
            </el-card>
          </el-timeline-item>
        </el-timeline>
      </el-col>
    </el-row>
  </div>



</template>
<script>
export default {
  name : "UcMyFlowInfo",
  props: {
    applyId:{
      type: Number
    },
  },
  dicts: ['apply_status'],
  data() {
    return {
      ucMyFlows : [],
    }

  },
  created() {
    this.searchUcMyFlow(this.applyId);
  },
  methods: {

    searchUcMyFlow(id) {
      if (id && id!=0) {
        this.request({
          url: `/points/poiApplyList/searchUcMyFlow/${id}`,
          method: 'get',
        }).then(response => {
          if (response && response.data) {
            this.ucMyFlows = response.data;
          } else {

          }
        });

      }
    },
  }
}
</script>
<style>
.font-bolder {
  font-weight: bolder;
  color: #1890ff;
}

.el-input[type="text"] {
  width: 80%;
}

.el-cascader {
  width: 80%;
}


.is-disabled .el-input__inner{
  background: white !important;
  color: black !important;
}
.is-disabled .el-textarea__inner{
  background: white !important;
  color: black !important;
}
.is-disabled.is-active span{
  background: #1890ff !important;
  color: white !important;
}
.is-disabled.is-checked .el-checkbox__inner{
  background-color: white !important;
  border-color: #1890ff !important;
  color: #1890ff !important;
}
.is-disabled.is-checked .el-checkbox__inner:after{
  border-color: #1890ff !important;
}
.is-disabled.is-checked .el-checkbox__label{
  color: #1890ff !important;
}

.is-disabled.is-checked .el-radio__inner{
  background-color: white !important;
  border-color: #1890ff !important;
  color: #1890ff !important;
}
.is-disabled.is-checked .el-radio__inner:after{
  background-color: #1890ff !important;
}
.is-disabled.is-checked .el-radio__label{
  color: #1890ff !important;
}
</style>



